cody - HTMLify profile
files of /cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/
manifest.json
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/manifest.json
{
"name":"Dad Jokes",
"version": "0.0.1",
"manifest_version": 2,
"browser_action":
{
"default_popup
"name":"Dad Jokes",
"version": "0.0.1",
"manifest_version": 2,
"browser_action":
{
"default_popup
output_ss.PNG
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/output_ss.PNG
Media file
popup.html
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
script.js
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/script.js
fetch('https://icanhazdadjoke.com/slack')
.then(data=> data.json())
.then(jokeData=> {
//var test=0;
const jokeText=joke
.then(data=> data.json())
.then(jokeData=> {
//var test=0;
const jokeText=joke
sloth.png
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/sloth.png
Media file
style.css
/cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/style.css
body {
width: 300px;
height: 300px;
background-color: aliceblue;
display: flex;
justify-content: center;
}
width: 300px;
height: 300px;
background-color: aliceblue;
display: flex;
justify-content: center;
}